// 轮播图初始化  （保存留根）
// var swiper = new Swiper('.idx_banner_sign', {
//   slidesPerView: 1,
//   spaceBetween: 30,
//   loop: true,
//   pagination: {
//       el: '.idx_banner_btn_sign',
//       clickable: true,
//   },
//   navigation: {
//       nextEl: '.idx_banner_bnt_next',
//       prevEl: '.idx_banner_bnt_pre',
//   },
// });

// var swiper = new Swiper('.idx_show_banner', {
//   effect: 'coverflow',
//   grabCursor: true,
//   centeredSlides: true,
//   slidesPerView: 'auto',
//   coverflowEffect: {
//       rotate: 50,
//       stretch: 0,
//       depth: 100,
//       modifier: 1,
//       slideShadows: true,
//   },
//   pagination: {
//       el: '',
//   },
// });

// 鼠标移入移出
$('.idx_banner').on('mouseover', function () {
  clearInterval(idx_time)
}).on('mouseout', function () {
  idx_time = setInterval(function () {
      $('.swiper-button-next').click()
  }, 3000)
})
let idx_time = setInterval(function () {
  $('.swiper-button-next').click()
}, 3000)

// 为什么选择鼠标移入更改图标
let idx_old_src = null;
$('.idx_why_each').on('mouseover', function () {
  // 始路径
  idx_old_src = $(this).children().children("img").attr('src')
  // 移入路径
  let idx_img_src = $(this).children().children("img").data('hover') || '';
  // 更换
  $(this).children().children("img").attr('src', "/page/page_index/index_images/" + idx_img_src)
}).on('mouseout', function () {
  // 移出更换旧路径
  $(this).children().children("img").attr('src', idx_old_src)
})

// 图片黑白切换
$('.idx_jmys_banner').on('mouseover','.idx_jmys_banner_line', function () {
  $(this).children('.idx_jmys_banner_left').children('img').attr('class', '')
}).on('mouseout','.idx_jmys_banner_line', function () {
  $(this).children('.idx_jmys_banner_left').children('img').attr('class', 'idx_jmys_gray')
})

// 加盟优势上下轮播图
// 窗口高度
let idx_jmys_view = document.querySelector('.idx_jmys_view').offsetHeight;
// 获取轮播图
let idx_banner = document.querySelector('.idx_jmys_banner')
// 获取第一个插入底部
$('.idx_jmys_banner').append($('.idx_jmys_banner .idx_jmys_banner_layout:first-child').clone())
// 总共多少版面
let idx_jmys_allLayout = document.querySelectorAll('.idx_jmys_banner_layout')
let idx_jmys_num = 0;
$('.idx_jmys_next').on('click', function () {
  if (idx_jmys_num == idx_jmys_allLayout.length - 1) {
      idx_jmys_num = 0
      idx_banner.style.top = '0px'
  }
  idx_jmys_num++
  animate(idx_banner, -idx_jmys_num * idx_jmys_view)
})
$('.idx_jmys_pre').on('click', function () {
  if (idx_jmys_num == 0) {
      idx_jmys_num = idx_jmys_allLayout.length - 1
      idx_banner.style.top = -idx_jmys_num * idx_jmys_view + "px"
  }
  idx_jmys_num--;
  animate(idx_banner, -idx_jmys_num * idx_jmys_view)
})

$('.idx_jmys_view').on('mouseover', function () {
  clearInterval(idx_jmys_time)
}).on('mouseout', function () {
  idx_jmys_time = setInterval(function () {
      $('.idx_jmys_next').click()
  }, 4000)
})
let idx_jmys_time = setInterval(function () {
  $('.idx_jmys_next').click()
}, 4000)

// 视频弹出框
// 删除弹出框
$('.idx_video_popup_btn').on('click', function () {
  $('.idx_video_popup').hide();
})
// 弹出视频
$('.idx_vide_btn').on('click', function () {
  $('.idx_video_popup_out video')[0].currentTime = 0
  $('.idx_video_popup').show()
})
$('.idx_vide_btn2 a').on('click', function () {
  $('.idx_video_popup_out video')[0].currentTime = 0
  $('.idx_video_popup').show()
})
// currentTime=0 视频进度条
  // 顶部轮播图
  let idx_showTop = function () {
    $.ajax({
        type: 'get',
        url: 'idxShowTop',
        data: '',
        success: function (data) {
            if (data.code == "1001") {
                let showTopHtml = template('idx_showTop', {
                    list: data.data
                })
                //插入编译好的html
                $('.idx_banner .idx_banner_sign').html(showTopHtml);
                // 初始化轮播图
                var swiper1 = new Swiper('.idx_banner_sign', {
                    slidesPerView: 1,
                    spaceBetween: 30,
                    loop: true,
                    pagination: {
                        el: '.idx_banner_btn_sign',
                        clickable: true,
                    },
                    navigation: {
                        nextEl: '.idx_banner_bnt_next',
                        prevEl: '.idx_banner_bnt_pre',
                    },
                });
            } else {
                alert('网络连接错误')
            }
        }
    })
}
idx_showTop()

// 中间上下轮播图
let idx_showJmys = function () {
  $.ajax({
      type: 'get',
      url: '/idxShowJmys',
      data: "",
      success: function (data) {
          let jmysHtml = template('idx_showJmys', {
              list: data
          })
          $('.idx_jmys_banner').html(jmysHtml)
          // 初始化轮播图
          let idx_jmys_view = document.querySelector('.idx_jmys_view').offsetHeight;
          // 获取轮播图
          let idx_banner = document.querySelector('.idx_jmys_banner')
          // 获取第一个插入底部
          $('.idx_jmys_banner').append($('.idx_jmys_banner .idx_jmys_banner_layout:first-child')
              .clone())
          // 总共多少版面
          let idx_jmys_allLayout = document.querySelectorAll('.idx_jmys_banner_layout')
          let idx_jmys_num = 0;
          $('.idx_jmys_next').on('click', function () {
              if (idx_jmys_num == idx_jmys_allLayout.length - 1) {
                  idx_jmys_num = 0
                  idx_banner.style.top = '0px'
              }
              idx_jmys_num++
              animate(idx_banner, -idx_jmys_num * idx_jmys_view)
          })
          $('.idx_jmys_pre').on('click', function () {
              if (idx_jmys_num == 0) {
                  idx_jmys_num = idx_jmys_allLayout.length - 1
                  idx_banner.style.top = -idx_jmys_num * idx_jmys_view + "px"
              }
              idx_jmys_num--;
              animate(idx_banner, -idx_jmys_num * idx_jmys_view)
          })


      }
  })
}
idx_showJmys();

  // 加盟店展示
  let idx_showShop = function () {
    $.ajax({
        tyep: 'get',
        url: '/idxShowShop',
        data: '',
        success: function (data) {
            if (data.code == "1003") {
                let showShopHtml = template('idx_showShop', {
                    list: data.data
                })
                // 轮播图初始化
                $('.idx_show .idx_show_com').html(showShopHtml)
                var swiper2 = new Swiper('.idx_show_banner', {
                    effect: 'coverflow',
                    grabCursor: true,
                    centeredSlides: true,
                    slidesPerView: 'auto',
                    coverflowEffect: {
                        rotate: 50,
                        stretch: 0,
                        depth: 100,
                        modifier: 1,
                        slideShadows: true,
                    },
                    pagination: {
                        el: '',
                    },
                });

            }

        }
    })
}
idx_showShop()

// 新闻资讯 title
let idx_new_daseTitle = function(){
  $.ajax({
    type:'get',
    url:'/idxShowNewsTitle',
    data:"",
    success:function(data){
      let idxDaseHtml = template('idx_news_daseTitle',{list:data[0]})
      $('.idx_news_com_top').html(idxDaseHtml)
      
    }
  })
}
idx_new_daseTitle()
// 行业资讯 title
let idx_new_trade = function(){
  $.ajax({
    type:'get',
    url:"/idxShowNewsTrade",
    data:"",
    success:function(data){
      let idxNewTradeHtml = template('idx_news_daseInfoTitle',{list:data[0]})
      $('.idx_news_com_top2').html(idxNewTradeHtml)
    }
  })
}
idx_new_trade()

// 新闻资讯 列表
let idx_new_dase = function(){
  $.ajax({
    type:'get',
    url:'/idxShowNewsTitle',
    data:"",
    success:function(data){ 
      let idxDaseHtml = template('idx_news_dase',{list:data})
      $('.idx_news_min1').html(idxDaseHtml)
    }
  })
}
idx_new_dase()

// 行业资讯 列表
let idx_news_daseInfo = function(){
  $.ajax({
    type:'get',
    url:"/idxShowNewsTrade",
    data:"",
    success:function(data){
      let idxNewTradeHtml = template('idx_news_daseInfo',{list:data})
      $('.idx_news_min2').html(idxNewTradeHtml)
    }
  })
}
idx_news_daseInfo();